<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/page/common/public.jspf"%>
<%@ page import="com.hengpeng.itfints.tools.PageUtil"%>
<%
	PageUtil pageUtil = (PageUtil) request.getAttribute("PageUtil");
%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="${skin}/v1.min.css?v=${v}" />
<link rel="stylesheet" type="text/css" href="${skin}/index.css?v=${v}" />
<script type="text/javascript" src="${path }/js/jquery1.10.2.min.js?v=${v}"></script>
<title>${configUtil.sitename}-魔环红包</title>
</head>

<body>
<!-- head -->
<c:import url="../../include/top.jsp"></c:import>

<div class="wrap">
<div class="blank"></div>
<div class="user_nav f_l mr5">
		<c:import url="../left.jsp"><c:param name="type" value="red"></c:param></c:import>
</div>
<div class="user_right f_l">
	<!--private js&css start-->
<link rel="stylesheet" type="text/css" href="//assets5.ncfstatic.com/v1/css/user_web2.css?v=201510161044" />

<div class="user_right f_l">
	
        
        <!--private js&css start-->
        <link href="//assets1.ncfstatic.com/v1/js/widget/paginate/paginate.v1.css?v=201510161044" rel="stylesheet" type="text/css" />
        <script src="//assets7.ncfstatic.com/v1/js/widget/paginate/paginate.v1.js?v=201510161044" type="text/javascript"></script>
        <link href="//assets2.ncfstatic.com/v1/js/widget/artDialog/dialog.v1.css?v=201510161044" rel="stylesheet" type="text/css" />
        <script src="//assets1.ncfstatic.com/v1/js/widget/artDialog/dialog.v1.js?v=201510161044" type="text/javascript"></script>
        <link href="//assets7.ncfstatic.com/v1/css/red-paper.css?v=201510161044" rel="stylesheet" type="text/css">
        <link rel="stylesheet" type="text/css" href="//assets8.ncfstatic.com/v1/css/user_v2.css?v=201510161044" />
        <%-- <script src="${path }/js/my_wx_red_paper.js" type="text/javascript"></script> --%>
        <!--private js&css end-->
        <style>
        .ui-content {padding:20px 0px;overflow: hidden;}
        .ui-content .fl {border-left:1px solid #e3e3e3;padding-left:34px;margin-left:-1px;width:410px;}
        .ui-content .fl h2{font-size:16px;color:#888;margin:5px 0 15px;padding:0 0 0px 0;}
        
        .ui-content .content-up {width:370px;border-bottom:1px solid #e5e5e5;padding:0 0 8px 0;margin:0 43px 8px 0;}
        .ui-content  span {width:120px;display: inline-block;}
      	.ui-content .content-up span {color:#888;}
    	.ui-content .content-down span {font-size: 14px;}
        </style>
    
            <div class="user_right">

            <div class="user_right_box  mb20 pb20">
                    <div class="user_title">
                        <h1 class="fl"><i class="ico_reseive"></i>红包总览</h1>
                        <div class="fg_line"></div>
                    </div>
                    <div  class="ui-tabs clearfix ui-content">
                        <div class="fl">
                            <h2>我领到的红包</h2>
                            <div class="clearfix">
                            <div class="content-up">
                            <span>注册红包金额</span>
                            <span>投资红包金额</span>
                            <span>分享红包金额</span>
                            </div>
                            <div class="content-down color-yellow1">
                                <span><fmt:formatNumber value="${regMoney/100}"
									pattern="#0"></fmt:formatNumber>元</span>
                                <span><fmt:formatNumber value="${investMoney/100}"
									pattern="#0"></fmt:formatNumber>元</span>
                                <span><fmt:formatNumber value="${shareMoney/100}"
									pattern="#0"></fmt:formatNumber>元</span>
                            </div>
                            </div>
                            </div>
                    </div>
                </div>


                <div class="user_right_box  mb20 pb20">
                    <div id="tabs" class="ui-tabs">
                    <div class="user_title">
                        <h1 class="fl"><i class="ico_reseive"></i>我领到的红包</h1>
                        <div class="fg_line"></div>
                        <ul class="ui-tabs-nav ui-corner-all">
                            <li <c:if test="${type == 1 }">class="ui-tabs-active"</c:if> > <a data-tab="1" href="javascript:void(0);">注册红包</a> </li>
                            <li <c:if test="${type == 2 }">class="ui-tabs-active"</c:if> > <a data-tab="2" href="javascript:void(0);">投资红包</a> </li>
                            <li <c:if test="${type == 3 }">class="ui-tabs-active"</c:if> > <a data-tab="3" href="javascript:void(0);">分享红包</a> </li>
                            <li <c:if test="${type == 110 }">class="ui-tabs-active"</c:if> > <a data-tab="110" href="javascript:void(0);">已使用过的红包</a> </li>
                        </ul>
                    </div>
                    
                        
                        <div id="tabs_content">
                        <div>
                                <table border="0" class="tab-thead">
                                    <thead>
                                        <tr>
                                            <th width="83">面值金额</th>
                                            <th width="98">投资限制</th>
                                            <th width="116">有效期限</th>
                                            <th width="136">红包来源</th>
                                        </tr>
                                    </thead>
                                </table>
                                <table width="100%" border="0" class="tab-tbody">
                                    <thead>
                                        <colgroup>
                                            <col width="93"/>
                                            <col width="98"/>
                                            <col width="116"/>
                                            <col width="136"/>
                                        </colgroup>
                                    </thead>
                                    <tbody>
                                    <c:if test="${fn:length(dataList)>0 }">
                                    <c:forEach items="${dataList }" var="item">
                                         <tr>
                                            <td><span class="color-yellow1">${item.money/100}</span></td>
                                            <td>${item.rewardUseType.text }</td>
                                            <td><fmt:formatDate value="${item.gettime}" type="both" pattern="yyyy/MM/dd"/>至<fmt:formatDate value="${item.endtime}" type="both" pattern="yyyy/MM/dd"/></td>
                                        	<td>${item.rewardType.text }
                                        	<!-- <div class="bdsharebuttonbox" align="center">
                                        	<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                                        	<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                                        	<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                                        	<a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
                                        	<a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
                                        	<a href="#" class="bds_more" data-cmd="more"></a>
                                        	</div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{},"image":{"viewList":["weixin","tsina","qzone","renren","tqq"],"viewText":"","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["weixin","tsina","qzone","renren","tqq"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> -->

											</td>
                                        </tr>
                                        </c:forEach>
                                    </c:if>
                                        </tbody>
                                    </table>
                            </div>
                        </div>
                        <div id="receBonus"></div>
                        <div id="pagination_00" class="pagination"></div>
                    </div>
                </div>
            </div>
        </div>
        <c:import url="../../include/true_paging.jsp"></c:import>
</div>

<div class="blank"></div>

</div>

<c:import url="../../include/foot.jsp"></c:import>
<script type="text/javascript">
$(function(){
	$('#tabs li a').click(function() {
        var $that = $(this),
        type = $that.attr('data-tab');
        if ($that.parent('li').hasClass('ui-tabs-active')) return;
		window.location.href = "<%=request.getContextPath()%>/redpacket/redlist.htm?type="+type;
    });
});
//分页
function go (page) {
	window.location.href = "<%=request.getContextPath()%>/redpacket/redlist.htm?curPage="+page+"&type=${type}";
}
</script>
</body>
</html>